import React, { memo } from 'react'
import {HYThemeHeader} from './style'
//使用PropTypes 进行类型检查
import PropTypes from 'prop-types';
const HYRecommendHeader = memo(function(props) {
    const {params,title} = props
    
    return (
        <HYThemeHeader>
            <div className='left'>
                <span></span>
                <h2 className='title'>{title}</h2>
                <div className='recommendContent'>
                {
                    params.map((item)=>{
                        return (
                            <div className='recommendItem' key={item}>
                                <a href='todo'>{item}</a>
                                <i>|</i>
                            </div>
                            )
                    })
                }
                </div>
            </div>
            <div className='right'>
                <a href='todo' className='more'>更多</a>
                <i></i>
            </div>
        </HYThemeHeader>
    )
})
//设置属性默认值
HYRecommendHeader.defalutProps = {
    params:[]
}
// 要在组件的 props 上进行类型检查，你只需配置特定的 propTypes 属性：
HYRecommendHeader.propTypes={
    title:PropTypes.string.isRequired,
    params:PropTypes.array
}

export default HYRecommendHeader